@charset "utf-8";
*{padding:0;margin:0;}
li{list-style: none;}

#wrap{width:570px;margin:20px auto;}

#kalendar{width:100%;margin:0 auto; border-bottom:1px solid #ddd}
/* 选择年月 的行 */
#kalendar tr#select{height:30px;background:#eee;}
#kalendar tr#select td{clear:both;}
#kalendar tr#select td div{float:left;width:160px;height:50px;line-height:30px; margin-top:10px}
#kalendar tr#select #year,#kalendar tr#select #month{padding-left:20px;}
#select #year ul,#select #month ul{clear:both;}
#select #year ul li,#select #month ul li{float:left;width:30px;}
#select #year ul li input,#select #month ul li input{width:30px;text-align:30px;cursor:pointer;}
#select #year ul li.selectChange,#select #month ul li.selectChange{width:70px;height:10px;}
#select #year ul li.selectChange select,#select #month ul li.selectChange select{width:70px;padding-left:2px;cursor:pointer;}
#select #year ul li.selectChange select option,#select #month ul li.selectChange select option{padding-left:5px;}

/* 星期表头 的行 */
#kalendar tr#week{height:50px;}
#kalendar tr#week td ul{width:100%;clear:both;}
#kalendar tr#week td ul li{float:left;width:14.28%;height:50px;line-height:50px;text-align:center;background:#f3f3f3;}

/* 某月具体日期 的每一行 */
#kalendar tr#day ul.dayList{height:90px;clear:both; margin-bottom:0; border-right:1px solid #ddd; border-bottom:1px solid #ddd}
#kalendar tr#day ul.dayList li{float:left;width:14.28%;height:90px;text-align:center;background:#fff;cursor:pointer; border:1px solid #ddd; border-bottom:none; border-right:none}
#kalendar tr#day ul.dayList li p{ margin:10px 0; font-size:16px}
#kalendar tr#day ul.dayList li input{ margin:0 auto; width:70%}
/* 日期占用行数(4-6行)，将不需要显示的行隐藏 */
#kalendar tr#day ul.hide{display:none;}
/* 周末 的特殊样式 */
#week .weekend,#day .weekend{color:#EA0000;}

/* 下面几个样式注意顺序，选择器不能简写，否则日历中 今天 的样式会被鼠标滑过的样式替换 */
/* 鼠标经过某个日期 的特殊样式 */
#kalendar tr#day td ul.dayList li.mouseFloat{background:#FFDCB9;}
/* 当天是周末 的特殊样式 */
#kalendar tr#day td ul.dayList li.todayWeekend{color:#EA0000;background:#abcdef;font-weight:700;}
/* 当天 的特殊样式 */
#kalendar tr#day td ul.dayList li.today{background:#abcdef;font-weight:700;}
